<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尺寸问题</title>
		<style>
			/* 1+100 取值 选择器被选中几率增加 */
			div#d1{
				width: 50%;
				height: 500px;
				/* 颜色色值：透明度 遮罩层 左栏 */
				background: rgba(243, 66, 88, .6);
			}
			/* 最大宽度和最小宽度 */
			div#container{
				background: #f0f0f0;
			}
			div.box{
				background: #eec7ce;
				color: #fff;
				width: 80%;
				/* 最小宽度 设定 不能 */
				min-width: 500px;
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
	<!-- 最大宽度与最小宽度 ： 自适应：编写页面可以在任何浏览器下正常显示 -->
	<div id="containter">
		<div class="box">Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto reiciendis sit vero ratione tempora quisquam a aperiam. Vel expedita voluptatum exercitationem fugit deleniti ducimus provident quis animi itaque eos. Provident?</div>
	</div>
	</body>
</html>